<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <!-- -->
    <title>清管评价 - 历史查询 - 清管管理</title>
    <!-- plugin -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/js/plugin/datetimepicker/jquery.datetimepicker.min.css">
</head>
<body>
<div class="page-container">
    <!-- content -->
    <div class="main-content">
        <c:forEach items="${ids}" var="id">
            <input class="JQ-xyf-ids" type="hidden" value="${id}"/>
        </c:forEach>
        <input id="JQ_pile" type="hidden" value="${param.pile}"/>
        <input id="JQ_type" type="hidden" value=""/>

        <div class="zy-form-line xyf-hide">
            <div class="zy-input-group w-31">
                <div class="zy-input-meta">管道名称</div>
                <div class="zy-select-inner">
                    <blockquote class="bk-select" id="JQ_pipeline"><abbr></abbr></blockquote>
                </div>
            </div>
        </div>

        <!-- content-body -->
        <div class="main-inner">
            <div class="content-inner">
                <div class="meta-head">
                    <h3>
                        <i class="xyf-history-icon"></i>历史查询>清管评价
                    </h3>
                </div>
                <div id="JQ_chart_div">
                    <div class="zy-pdf-area">
                        <div class="xyf-eval-top">
                            <div class="eval-top-sect">
                                <img src="${pageContext.request.contextPath}/static/img/cl_eval_time.png">
                                <div class="top-sect-text">
                                    <p>清管次数</p>
                                    <span><i id="JQ_clean_times"></i>次</span>
                                </div>
                                <div class="eval-top-gap"></div>
                            </div>
                            <div class="eval-top-sect">
                                <img src="${pageContext.request.contextPath}/static/img/cl_eval_speed.png">
                                <div class="top-sect-text">
                                    <p>平均速度</p>
                                    <span><i id="JQ_clean_speed"></i>m/s</span>
                                </div>
                                <div class="eval-top-gap"></div>
                            </div>
                            <div class="eval-top-sect">
                                <img src="${pageContext.request.contextPath}/static/img/cl_eval_watter.png">
                                <div class="top-sect-text">
                                    <p>污水</p>
                                    <span><i id="JQ_clean_water"></i>kg</span>
                                </div>
                                <div class="eval-top-gap"></div>
                            </div>
                            <div class="eval-top-sect">
                                <img src="${pageContext.request.contextPath}/static/img/cl_eval_goods.png">
                                <div class="top-sect-text">
                                    <p>污物</p>
                                    <span><i id="JQ_clean_goods"></i>kg</span>
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="zy-table">
                            <table id="JQ_table" class="zy-datatable" cellpadding="0" cellspacing="0">
                                <thead>
                                <tr>
                                    <th title="清管时间">清管时间</th>
                                    <th title="清管工具">清管工具</th>
                                    <th title="清管类型">清管类型</th>
                                    <th title="污水(kg)">污水(kg)</th>
                                    <th title="污物(kg)">污物(kg)</th>
                                    <th title="清除物描述">清除物描述</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="zy-pdf-area">
                        <!-- 直方图 -->
                        <div class="xyf-chart-box">
                            <div class="zy-charts-head zy-charts-info">
                                <p class="f16 fwb">污水/污物</p>
                                <p class="c-78">质量(kg)
                            <span class="r" style="margin-right: 20px;">
                                <i class="zy-c-i-11"></i>污水&nbsp;&nbsp;
                                <i class="zy-c-i-04"></i>污物&nbsp;&nbsp;
                            </span>
                                </p>
                                <div class="clear"></div>
                            </div>
                            <div id="paneChart" class="xyf-chart-rect"></div>
                            <div id="JQ_data_bull" class="xyf-chart-no-rect">
                            </div>
                        </div>
                    </div>
                    <div class="zy-pdf-area">
                        <!-- 折线图 -->
                        <div class="xyf-chart-box">
                            <div class="zy-charts-head zy-charts-info">
                                <p class="f16 fwb">压差</p>
                                <p class="c-78">兆帕MPa</p>
                            </div>
                            <div id="lineChart" class="xyf-chart-rect"></div>
                            <div class="xyf-chart-no-rect" id="lineChart_null">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="xyf-export-page-div">
                    <button id="JQ_export_pdf" type="button" class="zy-button zy-search"><i class="zy-export-icon"></i>导出</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <button type="button" onclick="javascript:history.back(-1);" class="zy-button zy-goback"><i class="zy-goback-icon"></i>返回</button>
                </div>
            </div>
        </div>
        <!-- 你的内容 end -->

        <!-- pdf div canvas -->
        <div id="JQ_export_pdf_div"></div>
        <!-- JS start -->
        <!-- plugin -->
        <script src="${pageContext.request.contextPath}/static/js/plugin/datatables/js/jquery.dataTables.min.js"></script>
        <script src="${pageContext.request.contextPath}/static/js/plugin/datetimepicker/jquery.datetimepicker.full.min.js"></script>
        <script src="${pageContext.request.contextPath}/static/js/plugin/html2canvas/html2canvas.js"></script>
        <script src="${pageContext.request.contextPath}/static/js/plugin/canvg/canvg.js"></script>
        <!-- ui -->
        <script src="${pageContext.request.contextPath}/static/js/ui/ui-main.js"></script>
        <!-- base -->
        <script src="${pageContext.request.contextPath}/static/js/controller/base/base.controller.js"></script>
        <!-- api -->
        <script src="${pageContext.request.contextPath}/static/js/controller/api/cleanPipe.api.js"></script>
        <!-- chart -->
        <script src="${pageContext.request.contextPath}/static/js/plugin/d3/d3.js"></script>
        <script src="${pageContext.request.contextPath}/static/js/controller/cleanPipe/history/evaluateChart.js"></script>
        <!-- my pdf -->
        <script src="${pageContext.request.contextPath}/static/js/plugin/myplugin/mypdf.plugin.js"></script>
        <!-- controller -->
        <script src="${pageContext.request.contextPath}/static/js/controller/cleanPipe/history/historyEvaluate.controller.js"></script>
        <!-- JS end -->
    </div>
</div>
</body>
</html>